<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>User Register</title>
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='stylesheets/register.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='stylesheets/index.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='stylesheets/tw.css') }}">
</head>

<body>

    <header>
        <span class="title">User Register</span>
    </header>

    <section id="registration-form">
        <h2>Account Creation</h2>

        <form action="/register" method="post">
            <label for="ID">E-mail *</label>
            <input type="ID" id="ID" name="ID" required class="input w-full mb-3">

            <label for="username">Username *</label>
            <input type="text" id="username" name="username" required class="input w-full mb-3">

            <label for="password">Password *</label>
            <input type="password" id="password" name="password" required class="input w-full mb-5">

            <input type="submit" value="Register" class="input-btn block mx-auto">
        </form>
    </section>

</body>

</html>